/*
timeline
board
list
views*/



/*chat */
#chater{
  border: none;
  color: #0099FF;
}
.h5{
  color: #0CF;
  display: inline;
  font-size: 15px;
  font-weight: bolder;
  /*color: black;*/
  text-shadow: 1px 1px 0 white;
}



.chat-info{
    padding: 3px;
    margin: 5px;
}
button, input, select, textarea {
margin: 0;
font-size: 100%;
vertical-align: middle;
}
#send{
    height: 22px;
    vertical-align: middle;
}

/*.message{
    padding-right: 20px;
    overflow-y:scroll;
    height: 390px;}
.message .well{
      padding: 8px;
      margin-bottom: 8px;}*/
.form-inline .input{
    width: 98%
    display: inline-block;
  *display: inline;
  margin-bottom: 0;
  vertical-align: middle;
}

.label{
font-size: 0.7em;
font-weight: bold;
line-height: 14px;
color: white;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
white-space: nowrap;
vertical-align: baseline;
background-color: #FFBA52;
/*border-radius: 3px;*/
}
.label-info{
 color: #FF97BA;
}
.pull-right{
    float: right;
}

#showInfo{
  position: fixed;
  bottom: 15px;
  left: 20px;
}
.infobox{
  color: #FF6F0E;
  font-size: 18px;
  text-shadow:2px 2px rgba(220,243,255,.5);
}
.err{
  color: #FF0033;
}
.success{
  color: #01CBFF;
}
.talkcolor{
  color: #01CBFF;
}

@media (max-width: 700px) {

}
/*
*/


/*new hiyo 6*/
#chatstrip{
  position: fixed;
  right: -255px;
  bottom: -403px;
/*  border: 1px solid #eee;
  width: 400px;
  text-align: center;*/
  padding-left: 0px 50px;
  width: 367px;
  display: none;
}
/*#chatstrip:hover{
  right: 0px;
}*/
#chatstrip p{
  padding: 5px 5px 3px 0px;
  margin: 0px;
}
#chatbtn span{
  padding: 5px 30px;
  /*margin: 5px;*/
  /*height: 100%;*/
}
#sigchat{
  color: #0099FF;
  /*margin-left: 100px;*/
  padding: 0px 40px;
}
#chatbtn{
margin: 0px;
}
#chatbox{
  height: 400px;
  border: 2px solid #999;
  background: #ffe;
  font-size: 13px;
}
#chatbox #chatinput{
  margin: 3px;
  width: 100%;
  position: absolute;
  bottom: 1px;
}
.wellmsg{
  color:#555;
}
.wellmsg:hover{
  background: #F0F0F0;
}
.width {
  width: 365px;
}
.stime{
  color: #aaa;
}
#chatmessage{
  margin: 3px 5px;
  padding: 5px;
  width: 96%;
  padding-bottom: 6px
}
#chatmessage .well{
    border: 0px;
    /*border-bottom: 1px solid #e3e3e3;*/
    margin: 2px;
    padding: 3px;
}
#chatmessage,.noline {
padding-right: 0px;
overflow-y: scroll;
max-height: 333px;
color: #fff;
}
#messageform{
    width: 73%;
    margin: 0px 3px;
}
#chatinput input{
  border: 1px solid #D1D1D1;
  height: 24px;
  padding-left: 8px;
  line-height: 22px;
  margin-top: 3px;
  background-color: white;
  border-radius: 1px;

}
#chatinput input:focus{
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
.chatsend{
    color: #0099FF;
}

.gray{
  background: #A8A8A8;
}
hr {
  clear: both;
  width: 98%;
  /*margin: 20px 0;*/
  border: 0;
  border-top: 1px solid #E1E1E1;
  border-bottom: 1px solid #EFEFEF;
}


/*button style*/
.btn {
display: inline-block;
padding: 3px 14px;
margin-bottom: 2px;
font-size: 14px;
line-height: 18px;
color: #fff;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
cursor: pointer;
/*background-color: #0099FF;*/
/*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6));
background-image: -webkit-linear-gradient(top, white, #E6E6E6);
background-image: -o-linear-gradient(top, white, #E6E6E6);
background-image: linear-gradient(to bottom, white, #E6E6E6);
background-image: -moz-linear-gradient(top, white, #E6E6E6);*/
background-repeat: repeat-x;
border: 1px solid #fff;
/*border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-bottom-color: #A2A2A2;*/
/*-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;*/
/*filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);*/
/*-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);*/
box-shadow: 0 1px 3px #D4EEFF;
text-shadow: 0 -1px 1px #A4DAFF;
border-radius: 1px;
}
.gray{
  color: #FAFDFF;
  background: #A8A8A8;
}
.button{
  font:15px Calibri, Arial, sans-serif;

  /* A semi-transparent text shadow */
  text-shadow:1px 1px 0 rgba(255,255,255,0.4);
  
  /* Overriding the default underline styling of the links */
  text-decoration:none !important;
  white-space:nowrap;
  
  display:inline-block;
  vertical-align:baseline;
  position:relative;
  cursor:pointer;
  padding:5px 0px 5px 0px;
  
  background-repeat:no-repeat;

  /* The following two rules are fallbacks, in case
     the browser does not support multiple backgrounds. */

  background-position:bottom left;
  background-image:url('button_bg.png');
  
  /* Multiple backgrounds version. The background images
     are defined individually in color classes */
  
  background-position:bottom left, top right, 0 0, 0 0;
  background-clip:border-box;
  
  /* Applying a default border raidus of 8px */
  
/*  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius:8px;*/
  
  /* A 1px highlight inside of the button */
  
  -moz-box-shadow:0 0 1px #fff inset;
  -webkit-box-shadow:0 0 1px #fff inset;
  box-shadow:0 0 1px #fff inset;
  
  /* Animating the background positions with CSS3 */
  /* Currently works only in Safari/Chrome */
  
  -webkit-transition:background-position 1s;
  -moz-transition:background-position 1s;
  transition:background-position 1s;
}

.button:hover{
  
  /* The first rule is a fallback, in case the browser
     does not support multiple backgrounds
  */
  
  background-position:top left;
  background-position:top left, bottom right, 0 0, 0 0;
}

.button:active{
  /* Moving the button 1px to the bottom when clicked */
  bottom:-1px;
}

/* The three buttons sizes */

.button.big   { font-size:30px;}
.button.medium  { font-size:18px;}
.button.small { font-size:13px;}

/* A more rounded button */

.button.rounded{
  -moz-border-radius:4em;
  -webkit-border-radius:4em;
  border-radius:4em;
}


/* Defining four button colors */


/* BlueButton */

.blue.button{
  color:#0f4b6d !important;
  
  border:1px solid #84acc3 !important;
  
  /* A fallback background color */
  background-color: #48b5f2;
  
  /* Specifying a version with gradients according to */
  
  background-image: url('button_bg.png'), url('button_bg.png'),
            -moz-radial-gradient( center bottom, circle,
                        rgba(89,208,244,1) 0,rgba(89,208,244,0) 100px),
            -moz-linear-gradient(#4fbbf7, #3faeeb);

  background-image: url('button_bg.png'), url('button_bg.png'),
            -webkit-gradient( radial, 50% 100%, 0, 50% 100%, 100,
                      from(rgba(89,208,244,1)), to(rgba(89,208,244,0))),
            -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4fbbf7), to(#3faeeb));
}

.blue.button:hover{
  background-color:#63c7fe;
  
  background-image: url('button_bg.png'), url('button_bg.png'),
            -moz-radial-gradient( center bottom, circle,
                        rgba(109,217,250,1) 0,rgba(109,217,250,0) 100px),
            -moz-linear-gradient(#63c7fe, #58bef7);
            
  background-image: url('button_bg.png'), url('button_bg.png'),
            -webkit-gradient( radial, 50% 100%, 0, 50% 100%, 100,
                      from(rgba(109,217,250,1)), to(rgba(109,217,250,0))),
            -webkit-gradient(linear, 0% 0%, 0% 100%, from(#63c7fe), to(#58bef7));
}

.gray.button{
  color:#525252 !important;
  border:1px solid #a5a5a5 !important;  
  background-color: #a9adb1;
  
  background-image:url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(197,199,202,1) 0,rgba(197,199,202,0) 100px),-moz-linear-gradient(#c5c7ca, #92989c);
  background-image:url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(197,199,202,1)), to(rgba(197,199,202,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#c5c7ca), to(#92989c));
}

.gray.button:hover{
  background-color:#b6bbc0;
  
  background-image:url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(202,205,208,1) 0,rgba(202,205,208,0) 100px),-moz-linear-gradient(#d1d3d6, #9fa5a9);
  background-image:url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(202,205,208,1)), to(rgba(202,205,208,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#d1d3d6), to(#9fa5a9));
}
/*scroolbar*/
::-webkit-scrollbar { height: 16px; overflow: visible; width: 16px; }
::-webkit-scrollbar-button { height: 0; width: 0; }
::-webkit-scrollbar-track { background-clip: padding-box; border: solid transparent; border-width: 0 0 0 4px; }
  ::-webkit-scrollbar-track:horizontal { border-width: 4px 0 0; }
  ::-webkit-scrollbar-track:hover { background-color: rgba(0,0,0,.05); box-shadow: inset 1px 0 0 rgba(0,0,0,.1); }
  ::-webkit-scrollbar-track:horizontal:hover { box-shadow: inset 0 1px 0 rgba(0,0,0,.1); }
  ::-webkit-scrollbar-track:active { background-color: rgba(0,0,0,.05); box-shadow: inset 1px 0 0 rgba(0,0,0,.14),inset -1px 0 0 rgba(0,0,0,.07); }
  ::-webkit-scrollbar-track:horizontal:active { box-shadow: inset 0 1px 0 rgba(0,0,0,.14),inset 0 -1px 0 rgba(0,0,0,.07); }
  ::-webkit-scrollbar-track:hover { background-color: rgba(255,255,255,.1); box-shadow: inset 1px 0 0 rgba(255,255,255,.2); }
  ::-webkit-scrollbar-track:horizontal:hover { box-shadow: inset 0 1px 0 rgba(255,255,255,.2); }
  ::-webkit-scrollbar-track:active { background-color: rgba(255,255,255,.1); box-shadow: inset 1px 0 0 rgba(255,255,255,.25),inset -1px 0 0 rgba(255,255,255,.15); }
  ::-webkit-scrollbar-track:horizontal:active { box-shadow: inset 0 1px 0 rgba(255,255,255,.25),inset 0 -1px 0 rgba(255,255,255,.15); }
::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,.2); background-clip: padding-box; border: solid transparent; border-width: 1px 1px 1px 6px; min-height: 28px; padding: 100px 0 0; box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07); }
  ::-webkit-scrollbar-thumb:horizontal { border-width: 6px 1px 1px; padding: 0 0 0 100px; box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset -1px 0 0 rgba(0,0,0,.07); }
  ::-webkit-scrollbar-thumb:hover { background-color: rgba(0,0,0,.4); box-shadow: inset 1px 1px 1px rgba(0,0,0,.25); }
  ::-webkit-scrollbar-thumb:active { background-color: rgba(0,0,0,0.5); box-shadow: inset 1px 1px 3px rgba(0,0,0,0.35); }
::-webkit-scrollbar-corner { background: transparent; }
body::-webkit-scrollbar-track-piece { background-clip: padding-box; background-color: #f5f5f5; border: solid #fff; border-width: 0 0 0 3px; box-shadow: inset 1px 0 0 rgba(0,0,0,.14),inset -1px 0 0 rgba(0,0,0,.07); }
  body::-webkit-scrollbar-track-piece:horizontal { border-width: 3px 0 0; box-shadow: inset 0 1px 0 rgba(0,0,0,.14),inset 0 -1px 0 rgba(0,0,0,.07); }
body::-webkit-scrollbar-thumb { border-width: 1px 1px 1px 5px; }
  body::-webkit-scrollbar-thumb:horizontal { border-width: 5px 1px 1px; }
body::-webkit-scrollbar-corner { background-clip: padding-box; background-color: #f5f5f5; border: solid #fff; border-width: 3px 0 0 3px; box-shadow: inset 1px 1px 0 rgba(0,0,0,.14); }
::selection {
  background: #FFA66A;
  color: #fff;
}
::-moz-selection {
  background: #FFA66A;
  color: #fff;
}

